.head{
    width: 100%;
    height: 332rpx;
    background-color: #fff;
    margin-top:18rpx;
    .top{
        width: 95%;
        height: 50%;
        display: flex;
        align-items: center;
        .img{
            width: 100rpx;
            height: 100rpx;
            margin-left: 45rpx;
            border-radius: 50%;
            overflow: hidden;
        }
        .username{
            flex-grow: 1;
            font-size: 30rpx;
            fontFamily: "﻿MHeiM-C-GB18030-S60";
            color: "#333333";
            margin-left: 40rpx;
        }
        .sign{
            .No{
                width: 105rpx;
                height: 44rpx;
                border-radius: 20rpx;
                font-size: 24rpx;
                fontFamily: "﻿MHeiM-C-GB18030-S60";
                justify-content: center;
                color:#fff;
                display: flex;
                align-items: center;
                background-color: #959595;
            }
            .Is{
                width: 105rpx;
                height: 44rpx;
                border-radius: 20rpx;
                font-size: 24rpx;
                fontFamily: "﻿MHeiM-C-GB18030-S60";
                justify-content: center;
                display: flex;
                align-items: center;
                background-color: rgb(245,111,97);
                color:#fff;
            }
        }
    }
    .bottom{
        width: 95%;
        margin: auto;
        height: 50%;
        border-top:1px solid #D4D4D4;
        .DayAndNum{
            width: 100%;
            height: 180rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            .all{
                width: 704rpx;
                height: 94rpx;
                .blockAll{
                    height: 100%;
                    width: 232rpx;
                    float: left;
                    text-align: center;
                    h4{
                        font-size: 24rpx;
                        color:rgb(51,51,51);
                        font-weight:bold;
                        font-family: 'MHeiM-C-GB18030-S60'
                    }
                    span{
                        font-size:48rpx;
                        color:rgb(245,111,97);
                        font-weight: bolder;
                    }
                }
                .blockAll[data-index="0"]{
                    border-right: 1px solid rgb(204,204,204);
                }
                .blockAll[data-index="1"]{
                    border-right: 1px solid rgb(204,204,204);
                }
               
            }
        }
    }
}
.recoveTitle{
    width: 100%;
    height: 80rpx;
    background-color: #fff;
    position: absolute;
    margin-top:46rpx;
    display: flex;
    align-items: center;
    img{
        width: 186rpx;
        height: 48rpx;
    }
    .userdata{
        position:absolute;
        right:0rpx;
        font-size: 26rpx;
        color:rgb(117,117,117);
        font-family: "MHeiM-C-GB18030-S60";
        font-weight: 900rpx;
        .tr{
            width: 478rpx;
            display:flex;
            justify-content: center;
            align-items: center;
            //border: 1px solid gray;
        }
        .th{
            width: 30%;
            display:flex;
            justify-content: center;
            align-items: center;
            //border: 1px solid gray;
        }
    }
}
.scoll-look{
    background-color: #fff;
    width:100%;
    height: 650rpx;
    margin-top:126rpx;
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    .date{
       position:absolute;
       width: 250rpx;
       height: 100rpx;
       color:rgb(102,102,102);
       font-size: 30rpx;
       font-family: "﻿MHeiM-C-GB18030-S60";
       .datetd{
            margin-top: 40rpx;
            justify-content: center;
            text-align: center;
       }
    }
    .table{
       width: 478rpx;
       position:absolute;
       right:0rpx;
       .tr{
            display:flex;
            justify-content: center;
            align-items: center;
            //border: 1px solid gray;
        }
        .td{
            width:30%;
            color:rgb(102,102,102);
            font-size: 30rpx;
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 40rpx;
            justify-content: center;
            text-align: center;
            //border: 1px solid gray;
        }
        .tdrank{
            width:60rpx;
            font-size:21rpx;
            color:rgb(102,102,102);
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 40rpx;
            justify-content: center;
            //text-align: center;
            //border: 1px solid gray;
        }
        .tdnorank{
            
            width:30%;
            font-size:27rpx;
            color:rgb(102,102,102);
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 40rpx;
            //justify-content: center;
            text-align: center;
            //border: 1px solid gray;
        }
        .tdscore{         
            width:30%;
            color:rgb(102,102,102);
            font-size: 30rpx;
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 40rpx;
            justify-content: center;
            text-align: center;
            //border: 1px solid gray;
        }
        .tdsignscore{          
            width:30%;
            color:rgb(102,102,102);
            font-size: 30rpx;
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 40rpx;
            //justify-content: center;
            text-align: center;
            //border: 1px solid gray;
        }
    }
}
/*iphonex1040*/
@media screen and (width: 375px) and (height:642px){
    .scoll-look{
        height:800rpx;
        width:100%;
    }
}
/*安卓全面屏*/
@media screen and (min-width: 376px) and (min-height:643px){
    .scoll-look{
        height:870rpx;
        width:100%;
    }
    .scoll-look{
        .table{
           .tdrank{
            width:36rpx;
            font-size:18rpx;
            color:rgb(102,102,102);
            font-family: "﻿MHeiM-C-GB18030-S60";
            margin-top: 20rpx;
            justify-content: center;
            text-align: center;
        }

        }
    }
}